@layout("/common/_container.html",{js:["/assets/rec/carrierRecDetail/carrierRecDetail.js"]}){

<div class="layui-body-header">
    <span class="layui-body-header-title">运费电子对账管理</span>
</div>

<style type="text/css">
    /*.layui-table-cell {*/
    /*    height: auto;*/
    /*}*/
    /*.layui-table-page{*/
    /*	display: none;*/
    /*}*/
</style>
<div class="layui-fluid">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-sm12 layui-col-md12 layui-col-lg12">
            <div class="layui-card">
                <div class="layui-card-body">
                    <div class="layui-form toolbar">
                        <div class="layui-form-item">
                            <div class="layui-inline" style="width: 150px;">
                                <input id="startTime" class="layui-input" type="text" autocomplete="off" placeholder="发车日期从"/>
                            </div>
                            <div class="layui-inline">
                                一
                            </div>
                            <div class="layui-inline" style="width: 150px;">
                                <input id="endTime" class="layui-input" type="text" autocomplete="off" placeholder="发车日期至"/>
                            </div>
                            <div class="layui-inline">
                                <select id="operateId" lay-filter="operateId">
                                    <option value="">选择项目</option>
                                    @for(item in basicOperatelist!){
                                    <option value="${item.id}">${item.operateName}</option>
                                    @}
                                </select>
                            </div>
                            <div class="layui-inline">
                                <input id="operateName" class="layui-input" type="text" placeholder="输入项目"/>
                            </div>
                            <div class="layui-inline">
<!--                                <input id="carrierName" class="layui-input" type="text" placeholder="输入承运商"/>-->
                                <select id="carrierId" name="carrierId" lay-filter="carrierId" lay-verify="required" required lay-search/>
                                <option value="">选择承运商</option>
                                @for(item in carrierLists!){
                                <option value="${item.id}">${item.carrierName}</option>
                                @}
                                </select>
                            </div>
                            <div class="layui-inline">
                                <select id="recState">
                                    <option value="">选择状态</option>
                                    <option value="待审核">待审核</option>
                                    <option value="财务已审核">财务已审核</option>
                                    <option value="承运商已确认">承运商已确认</option>
                                    <option value="财务已确定">财务已确定</option>
                                    <option value="申诉待解决">申诉待解决</option>
                                </select>
                            </div>
                            <div class="layui-inline">
                                <input id="condition" class="layui-input" type="text" placeholder="关键词"/>
                            </div>
                            <div class="layui-inline">
                                <input id="customerOrder" class="layui-input" type="text" placeholder="请输入客户单号"/>
                            </div>
                            <div class="layui-inline">
                                <input id="chexing" class="layui-input" type="text" placeholder="车型"/>
                            </div>
                            <div class="layui-inline">
                                <input id="getUnit" class="layui-input" type="text" placeholder="收货客户"/>
                            </div>
                            <div class="layui-inline">
                                <button id="btnSearch" class="layui-btn icon-btn"><i class="layui-icon">&#xe615;</i>搜索</button>
                                <button id="btnExp" class="layui-btn icon-btn"><i class="layui-icon">&#xe67d;</i>导出</button>
                            </div>
                            <div class="layui-inline">
                                @if(shiro.hasPermission("/rec/carrierRecDetail/audit")){
                                <button id="btnAudit" class="layui-btn icon-btn"><i class="layui-icon">&#x1005;</i>批量审核</button>
                                @}
                            </div>
                        </div>
                    </div>
                    <table class="layui-table" id="carrierRecDetailTable" lay-filter="carrierRecDetailTable"></table>
                </div>
            </div>
        </div>
    </div>
</div>


<script type="text/html" id="dispatchNumberTpl">
    {{#  if(d.dispatchNumber != '' && d.dispatchNumber != null){ }}
    <i class="layui-icon" lay-event="tooDetailed" style="color: #2b85e4;">&#xe615;</i><span>{{ d.dispatchNumber }}</span>
    {{#  } }}
</script>
<script type="text/html" id="consultMoneyTpl">
    {{#  if(d.consultMoney != '' && d.consultMoney != null){ }}
    <i class="layui-icon" lay-event="tooConsultMoneyDetailed" style="color: #2b85e4;">&#xe615;</i><span>{{ d.consultMoney }}</span>
    {{#  } }}
</script>

<script type="text/html" id="recStateTpl">
    {{#  if(d.operateName != '' && d.operateName != null){ }}
        {{#  if(d.recState === '财务已审核'){ }}
        <span style="color: #43CF7C; font-weight: 600;">{{ d.recState }}</span>
        {{#  } else if (d.recState === '承运商已确认'){ }}
        <span style="color: #007BFF; font-weight: 600;">{{ d.recState }}</span>
        {{#  } else if (d.recState === '承运商申述'){ }}
        <span style="color: #cf09a1; font-weight: 600;">{{ d.recState }}</span>
        {{#  } else if (d.recState === '财务已确定'){ }}
        <span style="color: #dc0707; font-weight: 600;">{{ d.recState }}</span>
        {{#  } else { }}
        <span style="color: #FFC300; font-weight: 600;" lay-event="audit">{{ d.recState }}</span>
        {{#  } }}
    {{#  } }}
</script>


@}